html {
  font-size: 625%;
}
.transition {
  -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1)
}

.transition {
  -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1)
}

.vds-ieo {
  background: #F5F5FA;
  letter-spacing: 0
}

.vds-ieo .info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.vds-ieo .info-item .item-right {
  text-align: right;
  color: #251E47;
  font-weight: 500
}

.vds-ieo .info-item .item-left {
  text-align: left
}

.vds-ieo .input-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 0.2rem;
  width: 2.58rem;
  height: 0.5rem;
  line-height: 0.5rem;
  background: #f5f6fa;
  border: 1px solid #cfd3e6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px
}

.vds-ieo .input-box input {
  height: 100%;
  width: 70%;
  background: transparent;
  border: none;
  outline: none;
  color: #999;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.vds-ieo .banner {
  background-image: url(/static/ieo/banner.png);
  background-size: 100% 60%;
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 50px;
}

.vds-ieo .banner .banner-content {
  margin: 0 auto;
  background: #fff;
  color: #8F98B3;
  width: 11.9rem;
}

.vds-ieo .banner .banner-content .banner-head {
  position: relative;
  height: 1.88rem;
  background-size: 100% 100%;
  overflow: hidden
}

.vds-ieo .banner .banner-content .banner-head .status {
  position: absolute;
  top: -1rem;
  left: -1rem;
  width: 2rem;
  height: 2rem;
  background: #FFBB00;
  color: #fff;
  font-size: 0.2rem;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.vds-ieo .banner .banner-content .banner-head .status p {
  position: absolute;
  bottom: 5%;
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: .24rem;
}

.vds-ieo .banner .banner-content .content-x {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 3.65rem;
  padding: 0.4rem 0;
  border: 1px solid #e1e1e6
}

.vds-ieo .banner .banner-content .curse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 0 0.3rem;
  width: 50%;
  border-right: 1px solid #EBEDF5
}

.vds-ieo .banner .banner-content .curse .count-down {
  margin-top: 0.24rem;
  line-height: 0.48rem
}

.vds-ieo .banner .banner-content .curse .count-down div,.vds-ieo .banner .banner-content .curse .count-down p {
  display: inline-block
}

.vds-ieo .banner .banner-content .curse .count-down .time-num {
  text-align: center;
  width: 0.48rem;
  height: 0.48rem;
  line-height: 0.48rem;
  background: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(#e4e4e4), color-stop(#fff), to(#f6f6f6));
  background: linear-gradient(0deg, #fff, #e4e4e4, #fff, #f6f6f6);
  border: 1px solid #ced6e3;
  border-radius: 0.04rem;
  font-size: 0.26rem;
  font-weight: bold;
  color: #333
}

.vds-ieo .banner .banner-content .curse .count-down .text {
  height: 0.48rem;
  line-height: 0.48rem;
  padding: 0 0.2rem 0 0.1rem
}

.vds-ieo .banner .banner-content .curse .progress {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 100%
}

.vds-ieo .banner .banner-content .curse .progress .progress-item {
  z-index: 1000;
  top: -0.42rem;
  position: absolute;
  width: 80%;
}
.progress-l {
  position: absolute;
  left: 0;
}
.progress-r {
  position: absolute;
  right: 0;
}
.progress-text {
  text-align: center;
}
.vds-ieo .banner .banner-content .curse .progress .progress-item .item-icon {
  margin: 0 auto;
  text-align: center;
  width: 0.32rem;
  height: 0.32rem;
  background: #CFD4E6;
  border-radius: 50%
}

.vds-ieo .banner .banner-content .curse .progress .progress-item .item-icon img {
  margin-top: 0.06rem
}

.vds-ieo .banner .banner-content .curse .progress .progress-text .item-time {
  margin-top: 0.15rem;
  font-size: 0.12rem
}

.vds-ieo .banner .banner-content .curse .progress .progress-text .item-text {
  margin-top: 0.1rem;
  color: #666C80
}

.vds-ieo .banner .banner-content .curse .progress .progress-item .bright {
  background: #FFBB00
}

.vds-ieo .banner .banner-content .curse .progress .progress-text .brightText {
  color: #FFBB00
}

.vds-ieo .banner .banner-content .curse .progress .progress-bar {
  position: absolute;
  top: -0.3rem;
  width: 80%;
  z-index: 100
}

.vds-ieo .banner .banner-content .curse .progress .progress-bar .bar-wrap {
  height: 0.07rem;
  width: 0;
  background: #FFBB00
}

.vds-ieo .banner .banner-content .curse .progress .progress-point {
  position: absolute;
  top: -0.66rem;
  width: 80%;
  height: 0.1rem
}

.vds-ieo .banner .banner-content .curse .progress .progress-point .bar-wrap {
  margin: 0 auto;
  width: 100%;
  height: 0.1rem;
  color: #CFD4E6;
  font-size: 0.5rem;
  letter-spacing: 0.08rem
}

.vds-ieo .banner .banner-content .curse .order-num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  width: 5.27rem;
  height: 0.5rem;
  line-height: 0.5rem;
  background: #F5F6FA;
  color: #8F98B3;
  text-align: center
}

.vds-ieo .banner .banner-content .curse .order-num .num {
  color: #FFBB00;
  font-size: 0.24rem
}

.vds-ieo .banner .banner-content .info {
  width: 50%;
  padding: 0 0.3rem
}

.vds-ieo .banner .banner-content .info .loginBox {
  margin-top: 0.4rem
}

.vds-ieo .banner .banner-content .info .loginBox .login {
  display: block;
  margin: 0 auto;
  height: 0.5rem;
  line-height: 0.5rem;
  text-align: center;
  background: #FFBB00;
  border-radius: 4px;
  color: #111625;
  font-weight: bold;
  font-size: 0.2rem;
  cursor: pointer
}

.vds-ieo .banner .banner-content .info .info-content .surplus {
  padding-bottom: 0.15rem;
  border-bottom: 1px solid #EBEDF5
}

.vds-ieo .banner .banner-content .info .info-content .cons {
  padding: 0.18rem 0;
  border-bottom: 1px solid #EBEDF5
}

.vds-ieo .banner .banner-content .info .info-content .price {
  padding: 0.15rem 0;
  border-bottom: 1px solid #EBEDF5
}

.vds-ieo .banner .banner-content .info .info-content .price .price-num .about {
  font-size: 0.12rem;
  color: #999
}

.vds-ieo .banner .banner-content .info .info-content .limited {
  padding: 0.2rem 0;
  border-bottom: 1px solid #EBEDF5
}

.vds-ieo .banner .banner-content .info .info-content .usable {
  padding: 0.38rem 0 0.2rem 0
}

.vds-ieo .banner .banner-content .info .info-content .freeze .freeze-btn {
  text-align: center;
  width: 2.48rem;
  height: 0.5rem;
  line-height: 0.5rem;
  background: #fb0;
  border-radius: 4px;
  font-size: 0.2rem;
  font-weight: bold;
  cursor: pointer
}

.vds-ieo .banner .banner-content .info .info-content .freeze .disabled {
  background: #B3B3B3;
  color: #fff;
  cursor: default
}

.vds-ieo .banner .banner-content .info .info-content .account .account-title {
  margin: 0.15rem 0
}

.vds-ieo .banner .banner-content .info .info-content .account .input-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.vds-ieo .banner .banner-content .info .info-content .account .input-wrap img {
  margin-top: 0.08rem;
  width: 0.24rem;
  height: 0.2rem
}

.vds-ieo .banner .banner-content .info .info-content .protocol {
  margin-top: 0.2rem
}

.vds-ieo .banner .banner-content .info .info-content .protocol .agree input {
  vertical-align: middle;
  cursor: pointer;
  background: #f0544d
}

.vds-ieo .banner .banner-content .info .info-content .protocol .agree .prot {
  color: #4670D9;
  cursor: pointer
}

.vds-ieo .banner .banner-content .info .info-content2 .surplus {
  padding-bottom: 0.15rem;
  border-bottom: 1px solid #EBEDF5
}

.vds-ieo .banner .banner-content .info .info-content2 .price {
  padding: 0.15rem 0;
  border-bottom: 1px solid #EBEDF5
}

.vds-ieo .banner .banner-content .info .info-content2 .price .price-num .about {
  font-size: 0.12rem;
  color: #999
}

.vds-ieo .banner .banner-content .info .info-content2 .buy-now {
  padding: 0.2rem 0
}

.vds-ieo .banner .banner-content .info .info-content2 .buy-now .ex {
  color: #8F97B3
}

.vds-ieo .banner .banner-content .info .info-content2 .input-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.vds-ieo .banner .banner-content .info .info-content2 .input-wrap .input-box {
  width: 2.38rem
}

.vds-ieo .banner .banner-content .info .info-content2 .input-wrap img {
  margin-top: 0.15rem;
  width: 0.24rem;
  height: 0.2rem
}

.vds-ieo .banner .banner-content .info .info-content2 .protocol {
  margin-top: 0.2rem
}

.vds-ieo .banner .banner-content .info .info-content2 .protocol .agree input {
  vertical-align: middle;
  cursor: pointer;
  background: #f0544d
}

.vds-ieo .banner .banner-content .info .info-content2 .protocol .agree .prot {
  color: #4670D9;
  cursor: pointer
}

.vds-ieo .banner .banner-content .info .info-content2 .confirm-buy {
  margin-top: 0.2rem;
  text-align: center;
  color: #fff;
  font-size: 0.2rem;
  width: 5.34rem;
  height: 0.5rem;
  line-height: 0.5rem;
  background: #B3B3B3;
  border-radius: 4px
}

.vds-ieo .banner .banner-content .info .info-content2 .confirm-buy-x {
  margin-top: 0.2rem;
  text-align: center;
  color: #fff;
  font-size: 0.2rem;
  width: 5.34rem;
  height: 0.5rem;
  line-height: 0.5rem;
  background: #3385ff;
  border-radius: 4px;
  cursor: pointer;
}

.vds-ieo .banner .banner-content .info .info-content2 .confirm-buy-y {
  font-weight: bold;
  margin-top: 0.2rem;
  text-align: center;
  font-size: 0.2rem;
  width: 5.34rem;
  height: 0.5rem;
  line-height: 0.5rem;
  background: #FFBB00;
  color: #888282;
  border-radius: 4px;
  cursor: no-drop;
}

.vds-ieo .medium {
  margin: 14px auto 143px auto;
  width: 11.9rem;
  background: #fff;
  border: 1px solid #e1e1e6;
  border-radius: 10px;
}

.vds-ieo .medium .head {
  height: 0.65rem;
  line-height: 0.65rem;
  background: #F7F7FC
}

.vds-ieo .medium .head .head-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin: 0 auto;
  width: 4.36rem;
  font-size: 0.2rem;
  font-weight: bold
}

.vds-ieo .medium .head .head-content p {
  height: 0.63rem;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #A3A3CC
}

.vds-ieo .medium .head .head-content .active {
  border-bottom: 4px solid #111625;
  color: #111625
}

.vds-ieo .medium .rule {
  padding: 0.3rem;
  min-height: 260px;
}

.vds-ieo .medium .m-detail {
  padding: 0 0.4rem
}

.vds-ieo .medium .m-detail .introduce {
  position: relative;
  margin-top: 0.26rem;
  padding-left: 0.17rem;
  line-height: 0.3rem;
  border-left: 5px solid #333
}

.vds-ieo .medium .m-detail .introduce .head-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.vds-ieo .medium .m-detail .introduce .head-right .title {
  font-size: 0.24rem;
  font-weight: normal
}

.vds-ieo .medium .m-detail .introduce .head-right .pdfIn {
  margin-left: 0.1rem;
  color: #4670D9
}

.vds-ieo .medium .m-detail .introduce .head-right .pdfIn img {
  margin-right: 0.05rem;
  vertical-align: center;
  width: 0.11rem;
  height: 0.13rem
}

.vds-ieo .medium .m-detail .introduce .er-code {
  position: absolute;
  width: 0.7rem;
  height: 0.7rem;
  top: 0.3rem;
  right: 0
}

.vds-ieo .medium .m-detail .box {
  margin-top: 0.3rem
}

.vds-ieo .medium .m-detail .box .box-title {
  margin-bottom: 0.3rem;
  padding-left: 0.17rem;
  border-left: 5px solid #333;
  font-size: 0.24rem
}

.vds-ieo .medium .m-detail .recommend {
  padding-left: 0.17rem
}

.vds-ieo .medium .m-detail .release .release-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 0.36rem
}

.vds-ieo .medium .m-detail .release .release-item:nth-child(even) {
  background: #F5F5F5
}

.vds-ieo .medium .m-detail .release .release-item>p:first-child {
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
  padding-left: 0.3rem;
  border-right: 3px solid #fff
}

.vds-ieo .medium .m-detail .release .release-item>p:last-child {
  -webkit-box-flex: 8;
  -ms-flex: 8;
  flex: 8;
  padding-left: 0.3rem
}

.vds-ieo .medium .m-detail .cycle {
  padding-bottom: 0.6rem
}

.vds-ieo .medium .m-detail .cycle .cycle-pic {
  text-align: center
}

.vds-ieo .medium .m-detail .cycle .cycle-pic img {
  max-width: 11rem
}

.overlay-wrap {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10000;
  background: rgba(0,0,0,0.7)
}

.overlay-wrap .overlay {
  max-width: 100%;
  max-height: 100%
}

.overlay-wrap .overlay .window {
  margin: 2rem auto;
  background: #fff
}

.overlay-wrap .overlay .window .head {
  position: relative;
  height: 0.7rem;
  line-height: 0.7rem;
  text-align: center;
  background: #3D3D66;
  font-size: 0.22rem;
  color: #fff
}

.overlay-wrap .overlay .window .head .close {
  position: absolute;
  top: 30%;
  right: 0.2rem;
  cursor: pointer
}

.overlay-wrap .overlay .window-agree {
  width: 7.54rem;
  height: 4.6rem
}

.overlay-wrap .overlay .window-agree .agree-text {
  margin: 0.45rem auto;
  padding: 0.33rem;
  overflow-y: scroll;
  width: 6.8rem;
  height: 3rem;
  border: 1px solid #dcdce6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.overlay-wrap .overlay .window-agree .agree-btn {
  margin: 0 auto;
  width: 5.35rem;
  height: 0.54rem;
  line-height: 0.54rem;
  text-align: center;
  color: #111625;
  font-size: 0.18rem;
  font-weight: bold;
  background: #FFBB00;
  border-radius: 4px;
  cursor: pointer
}

.overlay-wrap .overlay .window-false {
  width: 6.24rem;
  height: 4.34rem
}

.overlay-wrap .overlay .window-false .false-content .detail {
  text-align: center;
  padding: 0.5rem 0;
  line-height: 0.32rem
}

.overlay-wrap .overlay .window-false .false-content .detail .explain {
  font-size: 0.23rem
}

.overlay-wrap .overlay .window-false .false-content .detail .num {
  font-size: 0.29rem;
  color: #FFBB00
}

.overlay-wrap .overlay .window-false .false-content .detail .cause {
  font-size: 0.29rem;
  color: #FF5252
}

.overlay-wrap .overlay .window-false .agree-btn {
  margin: 0 auto;
  width: 4.45rem;
  height: 0.46rem;
  line-height: 0.46rem;
  text-align: center;
  color: #111625;
  font-size: 0.16rem;
  font-weight: bold;
  background: #FFBB00;
  border-radius: 4px;
  cursor: pointer
}

.overlay-wrap .overlay .window-false .tip {
  text-align: center;
  color: #999;
  padding-top: 0.2rem
}

.overlay-wrap .overlay .window-conf {
  width: 6.24rem;
  height: 3.65rem
}

.overlay-wrap .overlay .window-conf .false-content .detail {
  text-align: center;
  padding: 0.45rem 0 0.5rem 0;
  line-height: 0.32rem
}

.overlay-wrap .overlay .window-conf .false-content .detail .explain {
  font-size: 0.23rem
}

.overlay-wrap .overlay .window-conf .false-content .detail .two-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 0.2rem
}

.overlay-wrap .overlay .window-conf .false-content .detail .two-line .num {
  font-size: 0.29rem;
  color: #FFBB00
}

.overlay-wrap .overlay .window-conf .false-content .detail .two-line .anno {
  color: #999
}

.overlay-wrap .overlay .window-conf .agree-btn {
  margin: 0 auto;
  width: 4.45rem;
  height: 0.46rem;
  line-height: 0.46rem;
  text-align: center;
  color: #111625;
  font-size: 0.16rem;
  font-weight: bold;
  background: #FFBB00;
  border-radius: 4px;
  cursor: pointer
}

.overlay-wrap .overlay .window-conf .tip {
  text-align: center;
  color: #999;
  padding-top: 0.2rem
}


/*邀请列表*/
.vds-ieo .medium .container-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: .5rem .3rem
}

.vds-ieo .medium .container-data .d .d-title {
  text-align: center
}

.vds-ieo .medium .container-data .d .d-detail {
  margin-top: .35rem
}

.vds-ieo .medium .container-data .d .d-detail .num {
  margin-right: .05rem;
  font-size: .3rem
}

.vds-ieo .medium .container-data .table {
  width: 100%
}

.vds-ieo .medium .container-data .table .table-head {
  color: #A1A1A1
}

.vds-ieo .medium .container-data .table .table-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: .6rem;
  line-height: .6rem;
  border-bottom: 1px solid #F2F4F5
}

.vds-ieo .medium .container-data .table .table-item p {
  width: 25%
}

.vds-ieo .medium .container-data .table .table-item p img {
  margin-top: .1rem;
  width: .23rem;
  height: .28rem
}

.vds-ieo .medium .container-data .table .more {
  height: .6rem;
  line-height: .6rem;
  text-align: center
}

.vds-ieo .medium .container-data .table .more a {
  color: #00A7B2
}
.vds-ieo .medium .no-data {
  padding: .58rem 0;
  text-align: center;
  line-height: .3rem;
  color: #A1A1A1
}

.vds-ieo .medium .no-data img {
  width: .9rem;
  height: .9rem
}
/* */

.list-item .list-item-v {
  float: left;
  height: 100%;
  /*padding: 0 .1rem;*/
  vertical-align: middle;
  /**/
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /*-webkit-box-align: start;*/
  /*-ms-flex-align: start;*/
  /*align-items: flex-start;*/
  line-height: normal;
  vertical-align: middle;
  width: 25%;
}
.table-item .list-body {
  color: #1e1e1e
}

.list-body .list-item {
  height: .8rem;
  line-height: .8rem;
  width: 100%;
  margin: 0
}

.list-body .list-item.activated {
  position: relative;
  width: calc(100% + 0.45rem * 2);
  margin: 0 0 0 -0.45rem;
  padding: .2rem 0.45rem;
  height: auto;
  line-height: .4rem;
  background: #fff;
  border-bottom-color: transparent;
  -webkit-box-shadow: 0 .03rem .07rem rgba(240,243,245,.8);
  box-shadow: 0 .03rem .07rem rgba(240,243,245,.8)
}

.list-body .list-item.activated .list-item-v {
  margin-top: -.2rem
}

.list-body .list-item.activated .avatar {
  margin-top: .2rem
}
